<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="http://at.alicdn.com/t/font_2011960_drlq7vdo6.css">
  <link rel="stylesheet" href="/css/modules/header.css">
  <link rel="stylesheet" href="/css/modules/footer.css">
  <link rel="stylesheet" href="/css/detail.css">
</head>

<body>
  <header></header>
  <div class="detail-content">

    <div class="detail-nav">
      <ul id="box">
    </ul>
    </div>
    <script type="text/html" id="detail-nav-template">
      {{each categories shop,index}}
  <li>{{shop[0]}}</li>
  {{/each}}
    </script>


    <div>&gt;<a href="/index.html">首页</a></div>

    <div class="detail-img"></div>

    <script type="text/html" id="imgTemplate">
      {{each list list1}}
      <img src="{{list1.img}}" alt="">
      {{/each}}
    </script>

    <div class="detail-list" id="detail-list0"></div>
    <div class="detail-list" id="detail-list1"></div>
    <div class="detail-list" id="detail-list2"></div>
    <div class="detail-list" id="detail-list3"></div>
    <div class="detail-list" id="detail-list4"></div>

    
      <script type="text/html" id="detail-list-template">
        {{each categories shop}}
        <div class="detail-bf">{{shop}}</div>
        <div class="all-box">
          {{each list box}}
          <a href="/html/shop.html?id={{box.id}}">
            <div class="box">
              <img src="{{box.image}}" alt="">
              <p>{{box.title}}</p>
              <span>DESIGNER LIFT FOUNDATION</span>
              <ul>
                <li><img src="../img/index/ys1.jpg" alt=""></li>
                <li><img src="../img/index/ys2.jpg" alt=""></li>
                <li><img src="../img/index/ys3.jpg" alt=""></li>
                <li><img src="../img/index/ys4.jpg" alt=""></li>
                <li><img src="../img/index/ys5.jpg" alt=""></li>
                <li><img src="../img/index/ys6.jpg" alt=""></li>
              </ul>
              <div class="star">
                <li><i class="iconfont icon-star"></i></li>
                <li><i class="iconfont icon-star"></i></li>
                <li><i class="iconfont icon-star"></i></li>
                <li><i class="iconfont icon-star"></i></li>
                <li><i class="iconfont icon-star"></i></li>
              </div>
              <div class="buy">
                <span>￥{{box.price}}</span>
                <div>立即购买</div>
              </div>
            </div>
          </a>
          {{/each}}
        </div>
        {{/each}}
      </script>
    
    </div>
    <footer></footer>
    <script src="/libs/require.js" data-main="/js/detail.js"></script>
</body>

</html>